<template>
    <div class="page-scroll">
        <div style="padding:10px 10px 0">
            <c-o-ranking ></c-o-ranking>
        </div>
        <div style="padding:10px 10px 0">
            <c-o-con ></c-o-con>
        </div>
        <div style="padding:10px 10px 0">
             <c-o-geo></c-o-geo>
        </div>
    </div>
</template>
<script>
import delegate from '../js/event.js';
import COCon from '../chart/Chart_e_consociation.vue';  // 机构合作分析
import COGeo from '../chart/Chart_e_geo.vue';  // 机构区域分布
import CORanking from '../chart/Chart_e_ranking.vue';  // 重点机构排名列表
import CPanel from '../chart/Chart_e_panel.vue';

import mixin from '../js/mixin.js';
export default {
    mixins:[mixin],
    data() {
        return {
           drawer: false
        }
    },
    created() {
        
    },
    mounted () {
         delegate.$emit('drawer-hide');
         delegate.$emit('s-resize'); 
    },
    components: {
       COCon,
       COGeo,
       CORanking,
       CPanel
    },
    methods: {
        isvisible(boll) {
           // 传递显示
           delegate.$emit('draw-open',boll)
        }
    },
}
</script>
<style lang="scss" scoped>
    .page-scroll{
        overflow: hidden;
    }
    .page-grid{
        display: grid;
        grid-template-columns: 63% 37%;
        overflow: hidden;
        padding: 10px 10px 0 10px;
        .col1{
            padding-right: 10px;
        }
    }
    .s-drawer{
        .ivu-drawer-content{
            background-color: #000;
            padding-top: 60px;
        }
    }
    
    .drawer-close{
        display: flex;
        flex-direction: column;
        font-size: 26px;
        align-items: center;
        color: #98caec;
        span{
            font-size: 12px;
        }
    }
</style>
